<template>
  <div style="padding: 10px;">
    <Row label="字段标题" :required="true">
      <a-input v-model="fieldConfig.label"/>
    </Row>

    <Row label="字段名称" :required="true">
      <a-input v-model="fieldConfig.fieldName"/>
    </Row>

    <Row label="字段标题名称">
      <a-input v-model="fieldConfig.fieldTitleName"/>
    </Row>

    <Row label="输入提示">
      <a-input v-model="fieldConfig.placeholder"/>
    </Row>

<!--    <Row label="字段长度">-->
<!--      <a-input-number :step="1" v-model="fieldConfig.length"/>-->
<!--    </Row>-->

    <Row label="绑定枚举" :required="true">
      <a-select v-model="fieldConfig.dict">
        <a-select-option data-role="ignore-select-field" value="dict">字典列表(todo)</a-select-option>
      </a-select>
    </Row>
  </div>
</template>

<script>
import {createProps} from '@/utils';
import {createField} from '@/components/hhd/design/FormDesigner/types';
import Row from '@/components/hhd/design/FormDesigner/base/Row.vue';

function createSelectField() {
  let res = createField();
  res.component = 'selectM'
  return res;
}

export default {
  name: "SelectMConfig",
  components: {Row},
  props: {
    fieldConfig: createProps(Object, createSelectField),
  }
}
</script>

<style scoped>

</style>
